<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>表格 Test</title>
  <style>
    caption {
      caption-side: top;
    }

    #customers {
      font-family: 'Times New Roman', Times, serif;
      width: 100%;
      border-collapse: collapse;
    }

    #customers td,
    #customers th {
      font-size: 1em;
      border: 1px solid rgb(41, 41, 252);
      padding: 3px 7px 2px 7px;
    }

    #customers th {
      font-size: 1.5em;
      text-align: left;
      padding-top: 5px;
      padding-bottom: 5px;
      background-color: rgb(46, 46, 252);
      color: rgb(104, 104, 250);
    }

    #customers tr.alt td {
      color: #000000;
      background-color: rgb(104, 104, 228);
    }
  </style>
</head>

<body>

  <table id="customers">
    <caption>世平集团</caption>
    <tr>
      <th>公司</th>
      <th>部门</th>
      <th>职位</th>
    </tr>
    <tr>
      <td>ATU</td>
      <td>一部</td>
      <td>RD</td>
    </tr>
    <tr class="alt">
      <td>ATU</td>
      <td>二部</td>
      <td>FAE</td>
    </tr>
    <tr>
      <td>ATU</td>
      <td>三部</td>
      <td>A-TME</td>
    </tr>
    <tr class="alt">
      <td>ATU</td>
      <td>五部</td>
      <td>RD</td>
    </tr>
    <tr>
      <td>ATU</td>
      <td>六部</td>
      <td>PHP</td>
    </tr>
    <tr class="alt">
      <td>Sales</td>
      <td>TI</td>
      <td>Sales</td>
    </tr>
    <tr>
      <td>PM</td>
      <td>NXP</td>
      <td>FAE</td>
    </tr>
  </table>


</body>

</html>